<template>
	<view>
		<view class="box2">
			style学习与字体图标的学习:
			<textarea>
				style样式学习：
				@import('相对路径')可以导入外部样式。
				uni-app中不可以使用‘*号’选择器。
				page相当于body节点。
				配置在App.vue中的样式为全局样式，作用于局部页面。
				但pages下vue文件中定义的样式为局部样式，作用域局部页面。
				局部样式优先级高于全局样式，会对全局样式进行覆盖。
			</textarea>
		</view>
		<view class="box1">
			rpx：响应式的像素
		</view>
		<textarea>
			字体图标的学习：
			字体文件需小于40kb，若大于则转为base64格式，后需要开发者自行转换，否则不生效。
			字体文件的引用路径推荐使用以‘~@’开头
		</textarea>
		<view class="iconfont">&#xe638;</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			
		}
	}
</script>

<style lang="scss">
	@import url("./style.css");
	.box1{
		width: 450rpx;
		height: 150rpx;
		background-color: $uni-color-warning;
		color: white;
		font-size: 30rpx;
	}
	// scss风格写法
	.box2{
		textarea{
			color: black;
		}
	}
</style>
